<style>
    .my-btn {
        background-color: #f5f5f5;
        border-color: #f5f5f5;
        color: #c1c1c1;
    }
    .my-btn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .operate {
        vertical-align: middle !important;
    }
</style>
<table class="table table-bordered">
    <tbody>
        <tr class="info">
            <th  style="width: 150px;text-align: center">附件类型</th>
            <th style="text-align: center">详情</th>
            <th style="width: 140px;text-align: center">操作</th>
        </tr>
        {% if  accessoryConfig is defined and  accessoryConfig | length > 0 %}
            {% for type,chineseType in accessoryConfig %}
                <tr>
                    <td class="info" >{{ chineseType }}</td>
                    <td>
                        {% if accessoryArr[type] is defined %}
                            {% if accessoryArr[type]['mUrls'] | length > 0 %}
                                <ul class="m-top-sm clearfix images" style="list-style: none">
                                    {% for i,url in accessoryArr[type]['mUrls'] %}
                                        <li style="float: left;margin-right:10px; ">
                                            <table>
                                                <tr>
                                                    <td><img src="{{ url }}" alt="图片({{ i+1 }})"  height="100px" width="100px;"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a nodeUrl="{{ url }}" nodeId="{{ accessoryArr[type]['iSAId'] }}" style="text-align: center;margin-bottom: 10px; cursor:pointer;display: block" class="my-btn">删除</a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        {% endif %}
                    </td>
                    <td class="operate">
                        <a nodeType="{{ type }}" class="btn btn-primary upload" > {% if accessoryArr[type] is defined and accessoryArr[type]['mUrls'] | length > 0   %} 继续上传 {% else %}上传{% endif %}</a>
                        {#<a nodeType="{{ type }}" class="btn btn-default empty pull-right" >清空</a>#}
                    </td>
                </tr>
            {% endfor %}
        {% endif %}
    </tbody>
</table>
<form   id="xh_form"  method="post"  enctype="multipart/form-data"style="display: none">
    <input type="file" name="file" id="fileInput">
    <input name="iStaffId" value="{{ staffId }}">
    <input name="sType">
</form>